<link rel="stylesheet" type="text/css" href="/payments/payoneer/op-payment-widget-v3.min.css">
<div id="payoneer-form">
  <div id="payoneer-element"></div>
  <div id="payoneer-button" style="background-color: rgb(236, 112, 29);height: 46px;padding: 0 20px;display: flex;align-items: center;justify-content: center;color: #fff;cursor: pointer;border-radius: 5px;font-weight: 500;">Pay</div>
</div>
<script type="text/javascript">   
    $(function(){
      $.createScript('/payoneer/op-payment-widget-v3-3.44.3.min.js',function(){
        checkoutList('payoneer-element', {                    
              payButton: 'payoneer-button',                                        
              listUrl: "{$url}",                    
              smartSwitch: true,  
              widgetCssUrl: "{$widgetCssUrl}",
              onBeforeCharge:window["oemBeforePayment"],
              onBeforeServerError: function (errorData){
                  console.log(errorData);
                  // window.location.reload();
                  return false;
              }
          });  
      })
    })
</script>